<template>
  <div class="right-top-type-wrap">
    <Select size="small" @on-change="handleChangeType" :value="currentType" placeholder="类型">
      <Option v-for="item in selectList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>
  </div>
</template>
<script>
import { createNamespacedHelpers } from 'vuex'
const { mapActions, mapState } = createNamespacedHelpers('historyVerify')

export default {
  name: 'history-verify-right-top-type',
  data() {
    return {
      selectList: [
        {
          value: 'zcyq',
          label: '正常用气'
        },
        {
          value: 'lyqyc',
          label: '零用气异常'
        },
        {
          value: 'fyqyc',
          label: '负用气异常'
        },
        {
          value: 'wyqyc',
          label: '微用气异常'
        }
      ]
    }
  },
  computed: {
    ...mapState(['currentType'])
  },
  methods: {
    ...mapActions(['changeCurrentType']),
    handleChangeType(val) {
      this.changeCurrentType(val)
    }
  }
}
</script>
<style lang="less" scoped>
.right-top-type-wrap {
  width: 100%;
  height: 100%;
}
</style>
